/*
  学习目标：React创建元素 - 创建h1标签, 显示在浏览器中
  步骤：
     
*/
// 1. 导入2个包 react 和 react-dom
import React from 'react';
import ReactDOM from 'react-dom';

// 2. 使用React包创建元素 -
// 虚拟dom - 保存关键信息的JS对象
// 语法： React.createElement("标签类型", 标签属性对象, "标签的内容")
const title = React.createElement("button", { id: 'box', title: "xxx" }, "hello React")
console.log(' title ----->  ', title);

// 3. 使用ReactDOM包元素元素
// 语法： ReactDOM.render(React元素, 真实的dom节点作为挂载点)
ReactDOM.render(title, document.querySelector("#root"))

